<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>
    <!-- 导入去除样式表 -->
    <link rel="stylesheet" href="../reset.css">
    <!-- 导入公共样式表 -->
    <link rel="stylesheet" href="../base.css">
    <!-- 导入图标字体 -->
    <link rel="stylesheet" href="../fa/css/all.css">
    <!-- 导入独有样式表 -->
    <link rel="stylesheet" href="./index2_Css.css">
    <script src="../ajax function.js"></script>
    <script src="../cookie.js"></script>
    <script src="./index2_js.js"></script>
    <script src="../showPreview.js"></script>
    <script src="../search.js"></script>
    <script src="../showAlbum.js"></script>
    <script src="../lazyLoad.js"></script>
    <script src="../changePattern.js"></script>
    <script src="../moveup.js"></script>
</head>

<body>
    <div class="content-wrapper">
        <div class="wrapper">
            <div class="leftnav-wrapper">
                <a href="javascript:;" id="up">
                    <i class="fa fa-angle-up"></i>
                </a>
                <a href="javascript:;" class="小A官网">
                    <i class="fab fa-buysellads"></i>
                </a>
            </div>
            <div class="top-wrapper  clearfix">
                <!-- 最上层导航栏 -->
                <div class="top-navigation clearfix">
                    <!-- 左侧Logo -->
                    <div class="logo">
                        <img src="../img/logo.png" alt="logo">
                    </div>
                    <div class="search-wrapper clearfin">
                        <i class="fa fa-search"></i>
                        <input class="search" type="text" placeholder="搜索你感兴趣的内容">
                        <button class="search" type="submit">搜索</button>
                    </div>
                    <!-- 右侧导航 -->
                    <ul class="right-navigation">

                        <li>
                            <a href="../登录页面/index.html">更换账号</a>
                        </li>
                        <li>
                            <a href="../动态中心/index4.html">动态中心</a>
                        </li>
                        <li>
                            <a id="changePattern" href="javascript:;">切换模式</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="banner-wrapper">
                <div class="banner">
                    <div id="loupe">
                        <img>
                    </div>
                    <div class="left">
                        <div class="info-wrapper ">
                            <div class="photo">
                                <img class="avatar" src="../img/visitor.jpg" alt="me">
                            </div>
                            <div class="info">
                                <h1 id="name">游客
                                </h1>
                                <p id="label">添加标签栏</p>
                                <div style="display: none;">
                                    <input type="text" id="label_I">
                                    <input type="button" value="确认">
                                    <input type="button" value="取消">
                                </div>
                            </div>
                            <a href="../修改信息/index3.html">修改个人信息</a>
                            <ul class="clearfix">
                                <li><a href="javascript:;">广播</a></li>
                                <li><a href="javascript:;">相册</a></li>
                                <li><a href="javascript:;">日记</a></li>
                                <li><a href="javascript:;">书单</a></li>
                                <li><a href="javascript:;">设置</a></li>
                            </ul>
                        </div>
                        <div class="introduce part">
                            你好，这里是你的主页。用来展示你的学习和生活，也是别人认识你的地方。
                            <br>
                            完善你的资料，开始小A生活吧！
                        </div>
                        <div class="diary part">
                            <div class="title">
                                <h2>我的日记</h2>
                                <input type="button" value="写日记">
                            </div>
                            <div class="content">
                                <p>开启我的第一篇日记....</p>
                            </div>
                        </div>
                        <div class="album part">
                            <div class="title">
                                <h2>我的相册</h2>
                                <!-- <input type="button" value="增加相片"> -->
                                <input id="determine" type="button" value="确定创建" style="display: none;">
                                <input id="addAlbum" type="button" value="新建相册">
                            </div>
                            <div id="addPhoto" style="display: none;">
                                <div class="addtitle">相册名称：<input type="text" id="title"></div>
                                <input id="files" type="file" multiple="multiple" style="display: none;">
                                <label for="files" id="addPix">添加相片</label>
                                <div id="photoWrapper">
                                </div>
                            </div>
                            <div class="content" id="albumList">
                            </div>
                        </div>
                    </div>
                    <div class="right-part">
                        <div class="id-card">
                            <img class="avatar" src="../img/visitor.jpg" alt="me">
                            <div class="user">
                                <span id="id">游客</span><br>
                                <span id="time">2021-04-08加入</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>